<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/return.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/common/common.css" />
		<link rel="stylesheet" href="css/flow1.css" />
		<link rel="stylesheet" href="css/flow2.css" />
		<link rel="stylesheet" href="css/flow4.css" />
		<link rel="stylesheet" href="css/flow3.css" />
	</head>

	<body>
		<div id="web">
			<header class="clearfix">
				<div class="logo fl">
					<div>
						<img src="img/logo.png" />
					</div>
				</div>
				<ul class="navbar fl clearfix">
					<li><a href="../index.html">首页</a></li>
					<li>
						<a href="">骑行</a>
						<div class="header-info clearfix">
							<div class="fl clearfix">
								<h4>普通版</h4>
								<ul class="text fl">
									<li><a href=""">短袖</a></li>
									<li><a href="">短裤</a></li>
									<li><a href="">长袖</a></li>
									<li><a href="">长裤</a> </li>
									<li><a href="">背带短裤</a></li>
									<li><a href="">背带长裤</a> </li>
								</ul>
								<ul class="fl">
									<li><a href="">短袖连体服</a> </li>
									<li><a href="">长袖连体服</a> </li>
									<li><a href="">儿童版短袖</a></li>
									<li><a href="">儿童版长袖</a></li>
								</ul>
							</div>
							<div class="fl clearfix">
								<h4>竞技版</h4>
								<ul class="fl">
									<li><a href="">短袖</a></li>
									<li><a href="">短裤</a></li>
									<li><a href="">长袖</a></li>
									<li><a href="">长裤</a> </li>
									<li><a href="">背带短裤</a></li>
									<li><a href="">背带长裤</a> </li>
								</ul>
								<ul class="fl">
									<li><a href="">短袖连体服</a> </li>
									<li><a href="">长袖连体服</a> </li>
								</ul>
							</div>
						</div>
					</li>
					<li><a href="">铁三</a></li>
					<li><a href="">跑步</a></li>
					<li><a href="">设计师入驻</a></li>
					<li>
						<a href="shopList.html">品牌专区</a>
					</li>
				</ul>
				<ul class="nav-img fl clearfix">
					<li>
						<div class="search">
							<input type="search"  placeholder="上衣"/>
							<input type="image" onclick="window.location.href='search.html'" src="img/search.gif" />
						</div>
					</li>
					<li>
						<div class="shop_car" onclick="window.location.href='BE-Project/flow1.html'">
							<img src="img/shopping_car.png"/>
						</div>
					</li>
					<li class="per">
						<div class="person">
							<img src="img/person.png"/>
						</div>
						<div class="lo">
							<p><a href="login.html">登录</a></p>
							<p><a href="reg.html">注册</a></p>
							<p><a href="openShop.html">我要开店</a></p>
						</div>
					</li>
					<li>
						<div class="tel">
							<img src="img/tel.jpg"/>
						</div>
					</li>
					<li>
						<div class="language">
							<img src="img/language.png" />
						</div>
					</li>
				</ul>
			</header>



			<div class="nav-bottom">
				<p><a href="">首页 > </a><a href="">我的不二定制</a> > <a href="">我的订单</a> > <span>订单:2337108888360940</span></p>
			</div>
			<div class="flow clear">
				<div class="line"></div>
				<div class="flow1_line1"></div>
				<div class="flow4_line"></div>
				<!--<div class="flow1_botton_line"></div>-->
				<ul>
					<li>
						<div class="flow-one fl">

							<img src="img/red-hexagon.png" />
							<img src="img/shopping_car2.png" />
							<div class="icon-p fr">
								<p>01</p>
								<p>我的购物车</p>
							</div>
							<p style="color: #99999a;">2016-10-09</p>
							<p style="color: #99999a;">19:10:00</p>
						</div>
					</li>
					<li>
						<div class="flow-two fl">
							<img src="img/red-hexagon.png" />
							<img src="img/icon2.png" />
							<div class="icon-p fr">
								<p style="color: #eb413d;">02</p>
								<p>填写核对订单</p>
							</div>
							<p style="color: #99999a;">2016-10-09</p>
							<p style="color: #99999a;">19:10:00</p>
						</div>
					</li>
					<li>
						<div class="flow-three fl">
							<img src="img/red-hexagon.png" />
							<img src="img/icon4.png" />
							<div class="icon-p fr">
								<p style="color: #eb413d;">03</p>
								<p>成功提交订单</p>
							</div>
							<p style="color: #99999a;">2016-10-09</p>
							<p style="color: #99999a;">19:10:00</p>
						</div>
					</li>
				</ul>
				
			</div>
			
			
			
			<!--<div class="shopping_information">
				<div class="shopping_infor">
					<table border="0">
						<tr>
							<td rowspan="2">
								<img src="img/myshopping-car.png"/>
							</td>
							<td><p>购物车内暂时没有商品</p></td>
						</tr>
						<tr>
							
							<td>
								<p>您可以去  <a href="">定制</a>  或  <a href="">挑选</a> 喜欢的商品</p>
							</td>
						</tr>
					</table>
				</div>
			</div>-->
			<div class="pay">
				<p>订单提交成功，请您尽快付款</p>
				<p><span>您的订单号：n3434973243 </span>    <span>  应支付金额：299.00元</span> </p>
				<p>立即支付299.00元，即可完成订单，请您在24小时内完成支付，否则订单会被自动取消。</p>
			</div>
			
			
			<div class="myshopping">
				<div class="flow1_botton_line"></div>
				<span>支付平台</span>
			</div>
			<div class="pay-way">
				<ul>
					<li><input type="checkbox" name="" id="" value="" /></li>
					<li>
						<div class="pay_img">
							<img src="img/pay.png"/>
						</div>
					</li>
					<li><input type="checkbox" name="" id="" value="" /></li>
					<li>
						<div class="money_img">
							<img src="img/money.png"/>
						</div>
					</li>
					<li><input type="checkbox" name="" id="" value="" /></li>
					<li>
						<div class="pay_img2">
							<img src="img/pay1.png"/>
						</div>
					</li>
				</ul>
			</div>
			
			<div class="pay-btn">
				<p>
					<input type="button" name="" id="" value="确定支付方式" />
					<span>完成支付后，您可以：</span><a href="">查看订单详情</a>
				</p>
			</div>
			
			<div class="customer">
				<ul class="clearfix">
					<li class="clearfix">
						<img class="fl" src="img/shopinfo/2.png" alt="" />
						<span class="fl">100%个性定制</span>
					</li>
					<li class="clearfix">
						<img class="fl" src="img/shopinfo/3.png" alt="" />
						<span class="fl">100%正品保证</span>
					</li>
					<li class="clearfix">
						<img class="fl" src="img/shopinfo/4.png" alt="" />
						<span class="fl">7天闪电发货</span>
					</li>
					<li class="clearfix">
						<img class="fl" src="img/shopinfo/5.png" alt="" />
						<span class="fl">30天无忧退换</span>
					</li>
					<li class="clearfix">
						<img class="fl" src="img/shopinfo/6.png" alt="" />
						<span class="fl">365天客服热线</span>
					</li>
				</ul>
			</div>
			
			<footer>
				<div class="list clearfix">	
					<div class="foot-logo fl">
						<img src="img/foot-logo.png"/>
					</div>
					<div class="foot-list fl clearfix">
						<div>
							<ul>
								<li><a href="">新手指南</a></li>
								<li><a href="">用户注册</a></li>
								<li><a href="">定制流程</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">付款方式</a></li>
								<li><a href="">支付方式</a></li>
								<li><a href="">支付问题</a></li>
								<li><a href="">常见问题</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">售后服务</a></li>
								<li><a href="">退款换货</a></li>
								<li><a href="">配送方式</a></li>
								<li><a href="">联系我们</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">政策条款</a></li>
								<li><a href="">服务协议</a></li>
								<li><a href="">隐私条款</a></li>
								<li><a href="">版权条款</a></li>
							</ul>
						</div>
					</div>
				</div>
				<p>© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
			</footer>
		</div>
		
	</body>

</html>


